.navs {
    width: 1200px;
    margin: 20px auto;
}

.navs li a {
    display: flex;
}

.navs li {
    border-bottom: 2px #fafafa solid;
    padding: 20px;
}

.navs li:hover {
    background: #fafafa;
}

.navs li div {
    display: inline-block;
}

.navs li .left {
    width: 696px;
    vertical-align: top;
}

.navs li .left h4 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

.navs li .left h4:hover {
    color: blue;
}


.navs li .left a.desc {

    font-size: 14px;
    color: #555666;
    height: 40px;
    width: 696px;
    display: -webkit-box; /* 作为弹性伸缩盒子模型显示 */
    -webkit-box-orient: vertical; /* 设置伸缩盒子的子元素排列方式--从上到下垂直排列 */
    -webkit-line-clamp: 2; /* 显示的行数 */
    overflow: hidden; /* 超出的文本隐藏 */
    text-overflow: ellipsis; /* 溢出用省略号显示 */

}

.navs li .right {
    margin-left: 20px;

}

.navs li .right img {
    width: 178px;
}

.bottom-info {
    text-align: center;
    margin-top: 20px;
    color: #555666;
}
.navs li a .left .desc, .navs li a .right .info {
    font-size: 14px;
    color: #555666;
}

.navs li a .left .info {
    margin-top: 20px;

}
